﻿<!DOCTYPE html>
<html lang="en">
<#include "../include/resource-head.ftl"/>
<#assign active='siteAdd'/>
<body>
<#include "../include/common-top.ftl"/>
<div class="main-container" id="main-container">
    <div class="main-container-inner">
    <#include "../include/common-menu.ftl"/>
        <div class="main-content">
            <div class="page-content">
                <div class="col-xs-12">
                    <div class="row-fluid">
                        <div class="widget-box transparent invoice-box">
                            <div class="widget-header widget-header-large">
                                <h3 class="grey lighter pull-left position-relative">
                                    <i class="icon-leaf green"></i>
                                    当前套餐
                                </h3>
                            </div>

                            <div class="widget-body">
                                <div class="widget-main padding-24">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="row">
                                                <div class="col-xs-11 label label-lg label-info arrowed-in arrowed-right">
                                                    <b>套餐内</b>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <ul class="list-unstyled spaced">
                                                    <li>
                                                        <i class="icon-caret-right blue"></i>
                                                        名字：<b class="red">${tc.name}</b>
                                                    </li>

                                                    <li>
                                                        <i class="icon-caret-right blue"></i>
                                                        套餐价钱：<b class="red">${tc.money!}</b>
                                                    </li>
                                                    <li class="divider"></li>
                                                    <li>
                                                        <i class="icon-caret-right blue"></i>
                                                        套餐内语音：<b class="red">${tc.minut!}分钟</b>
                                                    </li>

                                                    <li>
                                                        <i class="icon-caret-right blue"></i>
                                                        套餐内流量：<b class="red">${tc.traffic!}M</b>
                                                    </li>

                                                    <li>
                                                        <i class="icon-caret-right blue"></i>
                                                        套餐内短信：
                                                        <b class="red">${tc.sms!}条</b>
                                                    </li>


                                                </ul>
                                            </div>
                                        </div><!-- /span -->

                                        <div class="col-sm-6">
                                            <div class="row">
                                                <div class="col-xs-11 label label-lg label-success arrowed-in arrowed-right">
                                                    <b>套餐外</b>
                                                </div>
                                            </div>

                                            <div>
                                                <ul class="list-unstyled  spaced">
                                                    <li>
                                                        <i class="icon-caret-right green"></i>
                                                        套餐外语音通话：<b class="red">${tc.volice!}元/分钟</b>
                                                    </li>

                                                    <li>
                                                        <i class="icon-caret-right green"></i>
                                                        套餐外流量：<b class="red">${tc.traffictc!}元/M</b>
                                                    </li>

                                                    <li>
                                                        <i class="icon-caret-right green"></i>
                                                        套餐外短信：<b class="red">${tc.smstc!}元/条</b>
                                                    </li>

                                                    <li class="divider"></li>

                                                    <li>
                                                        <i class="icon-caret-right green"></i>
                                                        套餐附加：<b class="red">${tc.remark!}</b>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div><!-- /span -->
                                    </div><!-- row -->

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="page-content">
                <div class="page-header">
                    <h1>选择套餐</h1>
                </div><!-- /.page-header -->

                <div class="row">
                    <div class="col-xs-12">
                        <div class="row">
                            <#list tcList as item>
                                <div class="col-xs-6 col-sm-3 pricing-box">
                                    <div class="widget-box">
                                        <div class="widget-header header-color-blue">
                                            <h5 class="bigger lighter">${item.name!}</h5>
                                        </div>

                                        <div class="widget-body">
                                            <div class="widget-main">
                                                <ul class="list-unstyled spaced2">
                                                    <li>
                                                        <i class="icon-ok green"></i>
                                                        套餐内语音：<b class="red">${item.minut!}分钟</b>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <small>套餐外：<b class="blue">${item.voice}元/分钟</b></small>
                                                    </li>


                                                    <li>
                                                        <i class="icon-ok green"></i>
                                                        套餐内流量：<b class="red">${item.traffic!}M</b>
                                                        &nbsp;&nbsp;&nbsp;&nbsp;
                                                        <small>套餐外：<b class="blue">${item.traffictc}元/M</b></small>
                                                    </li>

                                                    <li>
                                                        <i class="icon-ok green"></i>
                                                        套餐内短信：
                                                        <b class="red">${item.sms!}条</b>
                                                        &nbsp;&nbsp;&nbsp;&nbsp;
                                                        <small>套餐外：<b class="blue">${item.smstc}元/条</b></small>
                                                    </li>

                                                    <li>
                                                        <i class="icon-ok green"></i>
                                                        附加：${item.remark!}
                                                    </li>
                                                </ul>

                                                <hr>
                                                <div class="price">
                                                    $${item.money}
                                                    <small>/月</small>
                                                </div>
                                            </div>

                                            <div>
                                                <a href="#" class="btn btn-block btn-primary" onclick="if(confirm('更换扣除话费余额。确定要更换吗？')){location.href = '/tc/change/${item.id}'}">
                                                    <i class="icon-shopping-cart bigger-110"></i>
                                                    <span>更换</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </#list>
                        </div>

                        <div class="space-24"></div>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div>
        </div><!-- /.page-content -->
    </div><!-- /.main-content -->
</div><!-- /.main-container -->
</body>
<#include "../include/resource-script.ftl"/>
</html>

